<!DOCTYPE html>
<!--[if lte IE 9]><html class="lt-ie10 lt-ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>赛尔（赛er）——编辑论坛</title>
    <meta name="keywords" content="赛尔（赛er）是一个面向全国各大高校大学生的一站式社区平台，集竞赛活动发布和讨论为一体，提供发布、查询、组队、经验分享等多元化服务。" />
    <meta name="description"
          content="平台聚合了国内各大高校的校内比赛以及国内外各领域最优质的赛事活动信息。赛事内容囊括创新创业、演讲辩论、财会金融、艺术设计、学科竞赛、公益志愿等众多领域。赛尔（赛er）致力于打造一个融合大学生学习、赛事、活动、保研、考研等为一体的成长交流空间。" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="../static/css/top-4.9.6.2.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/activity-4.3.0.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/tag.handle.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/jquery-ui-1.10.4.custom.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/default.min.css">

    <script src="../common/common.js"></script>
    <!-- 引入 wangEditor.min.js -->
    <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
    <script src="../static/js/jquery-1.10.2.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <style>
        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }

        .avatar-uploader .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            line-height: 178px;
            text-align: center;
        }

        .avatar-uploader img {
            width: 178px;
            height: 178px;
            display: block;
        }
    </style>
</head>

<body>
<div style="display:none;position:absolute;left:0;top:0;">
    <img src="../static/picture/wechat_share_icon.png" id="weChatShareIcon">
</div>
<!--body-wrap-->
<div id="app" class="body-wrap">

    <div class="body-main main-wrap v-4-2">

        <ul class="layui-nav layui-bg-cyan" style="margin: 0 auto;padding:0 12%" lay-filter="">
            <li style="display: inline-block;line-height: 60px;vertical-align: middle;position: relative;"><a href=""><img style="height: 60px;margin-right:15px;" src="/static/images/logo.png"></a></li>
            <!-- 选中 加上 layui-this -->
            <li class="layui-nav-item"><a href="/index.html">首页</a></li>
            <li class="layui-nav-item"><a href="/competition/competition.html">竞赛</a></li>
            <li class="layui-nav-item"><a href="/activity/activity.html">活动</a></li>
            <li class="layui-nav-item"><a href="/ask/ask.html">论坛</a></li>
            <li class="layui-nav-item"><a href="/article/article.html">文章</a></li>
            <li class="layui-nav-item  layui-this" v-if="user!=''&&user!=null&&user!=undefined">
                <a href="javascript:;">发布</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="/competition/publish_competition.html">创建竞赛</a></dd>
                    <dd><a href="/activity/publish_activity.html">发布活动</a></dd>
                    <dd><a href="/ask/publish_ask.html">发起提问</a></dd>
                    <dd><a href="/article/publish_article.html">发表文章</a></dd>
                </dl>
            </li>
            <template v-if="user!=''&&user!=null&&user!=undefined">
                <li class="layui-nav-item" style="float: right">
                    <a href="javascript:;" style="padding: 0 20px 0 0px">
                        <img :src="NGINX_SERVER+user.AVATAR" class="layui-nav-img">
                        {{user.NAME}}
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/user/my_home.html">我的主页</a></dd>
                        <dd><a href="javascript:void(0);" style="color:red" onclick="logout()">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" style="float: right;margin-right: 25px;">
                    <a  href="/user/my_msg.html" style="cursor: pointer;"><i class="layui-icon layui-icon-notice" style="font-size: 18px;"></i><span class="layui-badge" v-if="unreadCount>0">{{unreadCount}}</span></a>
                </li>
            </template>
            <template  v-else>
                <li style="float:right" class="layui-nav-item"><a href="/login.html">登录</a></li>
                <li style="float:right" class="layui-nav-item"><a href="/reg.html">注册</a></li>
            </template>
        </ul>
        <style type="text/css">
            .creat-cy-box .common-tag-handle-box label.error {
                z-index: 10
            }

            .creat-cy-box .common-tag-handle-box .item-option {
                width: 233px
            }

            .car-compet-img-wrap-box {
                cursor: default
            }

            input.cke_dialog_ui_checkbox_input {
                -webkit-appearance: checkbox;
                background: initial
            }

            .car-compet-loading-box {
                position: absolute;
                width: 100%;
                height: 100%;
                background: url("../static/images/loading.gif") center center no-repeat;
                top: 0;
                left: 0;
                z-index: 10;
                display: none
            }

            .car-compet-loading-box.show {
                display: block
            }
        </style>
        <div style="padding-top:20px;"></div>
        <el-row style="width: 80%;margin:0 auto">
            <el-col :sm="24" :md="24">
                <div class="app-container" style="margin:0 auto;">
                    <!-- 输入表单 -->
                    <el-form label-width="120px">
                        <el-form-item label="话题标题">
                            <el-input v-model="FORUM_TITLE" placeholder="输入话题标题" />
                        </el-form-item>
                        <el-form-item label="话题标签">
                            <el-select v-model="FORUM_LABEL" placeholder="请选择话题标签">
                                <el-option v-for="item in labelList" :key="item.bianma" :label="item.name" :value="item.bianma">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="内容">
                            <div id="div1" >
                            </div>
                        </el-form-item>
                        <el-form-item>
                            <el-button :disabled="saveBtnDisabled" type="primary" @click="saveData()">发 布</el-button>
                        </el-form-item>

                    </el-form>
                </div>
            </el-col>
        </el-row>

    </div>

    <div class="footer-wrap v-4-2">
        <div class="footer other">
            <div class="common-box footer-box">
                <div class="to-top-box" id="toUpBox">
                    <!--<a href="javascript:;" target="_blank" class="common-icon-big to-feedback-btn" title="意见反馈"></a>-->
                    </a>
                    <div class="iradio-2 to-msite-btn to-msite-btn-2" title="微信公众号">
            <span class="weixin-box" style="margin-top: -42px;">
              <img src="/static/images/erweima.jpg" alt="微信公众号">
              <span class="weixin-txt">关注赛er订阅号</span>
              <img src="/static/images/kefu.jpg" alt="微信客服">
              <span class="weixin-txt">添加赛er客服</span>
              <span class="arrow arrow-right boxL-cor" style="margin-top: -70px;"></span>
            </span>
                    </div>
                    <a href="javascript:;" class="to-top-btn common-icon-big" id="toUp" title="返回顶部"></a>
                </div>
                <div class="fl ft-info-box">
                    <div class="ft-tit" title="关于赛er">关于赛er</div>
                    <ul class="ft-list">
                        <li class="item">
                            <a href="" title="了解赛er" target="_blank" rel="nofollow">了解赛er</a>
                        </li>
                        <li class="item">
                            <a href="./contact.html" title="服务协议" target="_blank" rel="nofollow">服务协议</a>
                        </li>
                        <li class="item">
                            <a href="" title="合作伙伴" target="_blank" rel="nofollow">合作伙伴</a>
                        </li>
                        <li class="item">
                            <a href="" title="加入我们" target="_blank" rel="nofollow">加入我们</a>
                        </li>
                        <li class="item">
                            <a href="" title="隐私协议" target="_blank" rel="nofollow">隐私协议</a>
                        </li>
                    </ul>
                </div>
                <div class="fl ft-info-box">
                    <div class="ft-tit" title="帮助中心">帮助中心</div>
                    <ul class="ft-list">
                        <li class="item">
                            <a href="" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
                        </li>
                        <li class="item">
                            <a href="./legal.html" title="社区规范" target="_blank" rel="nofollow">社区规范</a>
                        </li>
                        <li class="item">
                            <a href="" title="意见反馈" target="_blank" rel="nofollow">意见反馈</a>
                        </li>
                    </ul>
                </div>
                <div class="fr ft-info-box" style="width: 200px;">
                    <div class="ft-tit" title="在线客服">联系我们</div>
                    <ul class="ft-list">
                        <li class="item">
                            赛er<span class="item-dot"></span>客服QQ：<a href="https://wpa.qq.com/msgrd?v=3&uin=412414867&site=qq&menu=yes">412414867</a>
                        </li>
                        <li class="item">
                            赛er<span class="item-dot"></span>官方QQ群：320513949
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <!-- 备案 footer -->
        <div class="ft-btm">
            <div class="common-box ft-btm-box">
                <div class="btn-con">
                    <span class="ft-paragraph">©<span id="nowYear"></span>赛er<span class="s-4"></span></span>
                    <span><a href="https://beian.miit.gov.cn/" target="_blank" style="color: #555;">苏ICP备2021019825号</a></span>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
  toTopFun();
</script>
</body>


<script>
    let editor;
    const app = new Vue({
        el: "#app",
        data: {
            user:'',
            unreadCount:0,
            FORUM_TITLE:"",
            FORUM_LABEL:"",
            labelList:[],
            saveBtnDisabled: false, // 默认按钮可用
        },
        mounted() {
            getUnreadCount(data=>{
                app.unreadCount = data;
            });
            this.user = JSON.parse(sessionStorage.getItem("userInfo"));
            const E = window.wangEditor
            editor = new E('#div1')
            editor.config.zIndex = 0
            editor.config.height = 500
            editor.config.uploadImgServer = BaseUrl+'api/base/uploadImg'
            editor.config.uploadImgMaxLength = 1 // 一次最多上传 5 个图片
            editor.config.uploadFileName = 'file'
            editor.config.withCredentials = true
            editor.config.uploadImgHooks = {
                // 图片上传并返回了结果，图片插入已成功
                success: function(xhr) {
                    console.log('success', xhr)
                },
                // 图片上传并返回了结果，但图片插入时出错了
                fail: function(xhr, editor, resData) {
                    console.log('fail', resData)
                },
                // 上传图片出错，一般为 http 请求的错误
                error: function(xhr, editor, resData) {
                    console.log('error', xhr, resData)
                },
                // 上传图片超时
                timeout: function(xhr) {
                    console.log('timeout')
                },
                // 图片上传并返回了结果，想要自己把图片插入到编辑器中
                // 例如服务器端返回的不是 { errno: 0, data: [...] } 这种格式，可使用 customInsert
                customInsert: function(insertImgFn, result) {
                    // result 即服务端返回的接口
                    console.log('customInsert', result)

                    // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
                    insertImgFn(NGINX_SERVER+result.data)
                }
            }
            editor.create()
            let _this = this;
            getDataByGet("api/base/getArticleLabel",{},res=>{
                _this.labelList = res.data;
            })
        },

        methods: {
            // 数据保存
            saveData() {
                if (this.FORUM_TITLE === "") {
                    toastr.warning("请输入话题标题")
                    return;
                }
                if (this.FORUM_LABEL === "") {
                    toastr.warning("请选择话题标签")
                    return;
                }
                if (editor.txt.html() === "") {
                    toastr.warning("请输入话题内容")
                    return;
                }
                this.saveBtnDisabled = true
                let _this = this;
                getDataByPost("api/forum/addForum", {
                    FORUM_TITLE:app.FORUM_TITLE,
                    FORUM_LABEL:app.FORUM_LABEL,
                    FORUM_CONTENT:editor.txt.html(),
                }, function (res) {
                    if(res.code==200){
                        toastr.success("发布成功");
                    }else{
                        toastr.error(res.msg);
                    }
                })
            }
        }
    })

    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function() {
        var element = layui.element;
    });
</script>
</html>